.sBanner{}
.sBanner p{height: 449px;width: 100%;min-width: 1200px;}
.sBanner .baImg{position: absolute;top: 50%;left: 50%;}
.ind01{padding-top: 35px;}
.ind01 .ind01L{width: 490px;}
.ind01 .ind01L .tit{}
.ind01 .ind01L .tit h6{height: 38px; font-size: 18px;color: #000000;float: left;}
.ind01 .ind01L .tit a{margin-top: 6px; float: right;font-size: 12px;color: #4c4c4c;font-family: 'Arial';font-style: italic;display: block;}
.ind01 .ind01L .ind01NewT{}
.ind01 .ind01L .ind011{width: 180px;height: 135px;overflow: hidden;float: left;display: block;}
.ind01 .ind01L .ind011 img{display: block;width: 100%;transition-duration: .5s;}
.ind01 .ind01L .ind012{width: 292px;float: right;}
.ind01 .ind01L .ind012 h5{line-height: 28px; font-size: 16px;color: #333;font-weight: 400;transition-duration: .5s;}
.ind01 .ind01L .ind012 span{font-size: 14px;margin: 8px 0 15px 0; color: #a1a1a1;display: block;}
.ind01 .ind01L .ind012 p{line-height: 22px; font-size: 14px;color: #666666;}
.ind01 .ind01L .ind01NewT:hover img{transform: scale(1.08);}
.ind01 .ind01L .ind01NewT:hover h5{color: #3db3b1;}
.ind01 .ind01L .ind01NewB{}
.ind01 .ind01L .ind01NewB ul{padding: 5px 0;}
.ind01 .ind01NewB ul a{display: block;line-height: 30px;padding-left: 12px;background: url(../images/index/ind4.png) center left no-repeat;}
.ind01 .ind01NewB ul p{width: 300px; font-size: 14px;color: #666666;float: left;transition-duration: .5s;}
.ind01 .ind01NewB ul span{font-size: 14px;color: #999999;float: right;}
.ind01 .ind01NewB ul a:hover p{color: #3db3b1;}
.ind01 .ind01NewB ul a:hover span{color: #3db3b1;}
.ind01 .ind01R{float: right;width: 667px;overflow: hidden;}
.ind01 .ind01R .tit h6{height: 38px; font-size: 18px;color: #000000;float: left;}
.ind01 .ind01R .tit a{margin-top: 6px; float: right;font-size: 12px;color: #4c4c4c;font-family: 'Arial';font-style: italic;display: block;}
.ind01 .ind01R .ind01R1{width: 230px;height: 250px;position: relative;overflow: hidden;margin-right: 1px;}
.ind01 .ind01R .ind01R1 img{display: block;width: 100%;height: 100%;object-fit: cover;}
.ind01 .ind01R .ind01R1 p{width: 100%;line-height: 32px;text-align: center;padding: 0 14px; position: absolute;bottom: 0;left: 0;font-size: 14px;color: #ffffff;background-color: rgba(0,0,0,.7);}
/*.ind01 .ind01R .ind01R2{width: 214px;background-color: #ebebeb;height: 119px; text-align: center;margin-right: 1px;margin-bottom: 1px;}
.ind01 .ind01R .ind01R2 p{font-size: 18px;color: #444444;margin-top: 30px;padding-bottom: 5px;}
.ind01 .ind01R .ind01R2 span{ font-size: 12px;color: #444444;display: block;}
*/
.ind01 .ind01R .ind01R2{width: 221px;height: 119px; overflow: hidden;position: relative;margin-bottom: 1px;margin-right: 1px;}
.ind01 .ind01R .ind01R2 img{display: block;width: 100%;height: 100%;object-fit: cover;}
.ind01 .ind01R .ind01R2 p{line-height: 32px;padding: 0 14px; position: absolute;bottom: 0;left: 0;width: 100%;font-size: 14px;color: #ffffff;background: rgba(0,0,0,.7);text-align: center;}
.ind01 .ind01R .ind01R3{width: 214px;height: 119px; overflow: hidden;position: relative;margin-bottom: 1px;}
.ind01 .ind01R .ind01R3 img{display: block;width: 100%;height: 100%;object-fit: cover;}
.ind01 .ind01R .ind01R3 p{line-height: 32px;padding: 0 14px; position: absolute;bottom: 0;left: 0;width: 100%;font-size: 14px;color: #ffffff;background: rgba(0,0,0,.7);text-align: center;}
.ind01 .ind01R .ind01R4{width: 221px;height: 131px;overflow: hidden;position: relative;margin-right: 1px;}
.ind01 .ind01R .ind01R4 img{display: block;width: 100%;height: 100%;object-fit: cover;}
.ind01 .ind01R .ind01R4 p{width: 100%;line-height: 32px;padding: 0 14px; font-size: 14px;color: #ffffff;position: absolute;bottom: 0;left: 0;background-color: rgba(0,0,0,.7);}
.ind01 .ind01R .ind01R5{width: 214px;height: 131px;background: url(../images/index/ind8.png) center no-repeat;position: relative;border: 1px solid #ebebeb;overflow: hidden;}
.ind01 .ind01R .ind01R5 img{display: block;width: 100%;height: 100%;object-fit: cover;}
.ind01 .ind01R .ind01R5 p{line-height: 32px;padding: 0 14px; position: absolute;bottom: 0;left: 0;width: 100%;font-size: 14px;color: #ffffff;background: rgba(0,0,0,.7);text-align:center;} 
/*.ind01 .ind01R .ind01R5 em{position: absolute;bottom: 0;right: 0;width: 24px;height: 24px;background: #3db3b1 url(../images/index/ind9.png) center no-repeat;}*/
.ind01 .ind01RCon .swiper-pagination{top: -34px;bottom: auto;text-align: right;}
.ind01 .ind01RCon .i1{overflow: unset;}
.ind02{margin-top: 20px;}
.ind02 .i2 p{height: 100px;}
.ind02 .i2 .swiper-pagination{text-align: right;}
.ind02 .i2 .swiper-pagination-bullet{width: 26px;height: 26px;line-height: 26px;background-color: #ffffff;color: 444444;font-size: 12px;border-radius: 0;text-align: center;opacity: 1;}
.ind02 .i2 .swiper-pagination-bullet-active{color: #005ca2;}
.ind01 .ind01R img{transition-duration: .5s;}
.ind01 .ind01R img:hover{transform: scale(1.08);}




.ind03{margin-top: 22px;}
.ind03 .ind03Li{text-align: center;}
.ind03 .ind03Li a{display: block;width: 134px;height: 178px;margin-right: 12px; padding-top: 102px; background-color: #fbfafb;border: 1px solid #eeeeee;float: left;transition-duration: .5s;}
.ind03 .ind03Li a p{font-size: 14px;color: #666666;padding-bottom: 6px;}
.ind03 .ind03Li a span{font-size: 10px;color: #888888;display: block;}
.ind03 .ind03Li .ico1{background: #fbfafb url(../images/icon/icon_4.png) center 46px no-repeat;}
.ind03 .ind03Li .ico2{background: #fbfafb url(../images/icon/icon_5.png) center 46px no-repeat;}
.ind03 .ind03Li .ico3{background: #fbfafb url(../images/icon/icon_6.png) center 46px no-repeat;}
.ind03 .ind03Li .ico4{background: #fbfafb url(../images/icon/icon_7.png) center 46px no-repeat;}
.ind03 .ind03Li .ico5{background: #fbfafb url(../images/icon/icon_8.png) center 46px no-repeat;}
.ind03 .ind03Li .ico1:hover{background: #3db3b1 url(../images/icon/icon_10.png) center 46px no-repeat;}
.ind03 .ind03Li .ico2:hover{background: #3db3b1 url(../images/icon/icon_11.png) center 46px no-repeat;}
.ind03 .ind03Li .ico3:hover{background: #3db3b1 url(../images/icon/icon_12.png) center 46px no-repeat;}
.ind03 .ind03Li .ico4:hover{background: #3db3b1 url(../images/icon/icon_13.png) center 46px no-repeat;}
.ind03 .ind03Li .ico5:hover{background: #3db3b1 url(../images/icon/icon_14.png) center 46px no-repeat;}
.ind03 .ind03Li a:hover p{color: #fff;}
.ind03 .ind03Li a:hover span{color: #fff;}
.ind03 .ind03Vid{width: 296px;height: 177px;overflow: hidden;position: relative;margin-right: 19px;}
.ind03 .ind03Vid video{width: 100%;max-height:100%;}
.ind03 .ind03Vid em{width: 49px;height: 49px;position: absolute;top: 50%;left: 50%;background: url(../images/index/ind21.png) center no-repeat;cursor: pointer;z-index:3;}
.ind03 .ind03qk{width: 155px;height: 178px; border: 1px solid #eeeeee;background-color: #f3f3f3;}
.ind03 .ind03qk em{width: 39px;height: 39px;margin-top: 49px;margin: 49px auto 0; display: block;background: #f3f3f3 url(../images/icon/icon_9.png) center no-repeat;transition-duration: .5s;}
.ind03 .ind03qk p{font-size: 16px;color: #005ca2;text-align: center;margin-top: 26px;}
.ind03 .ind03qk:hover em{transform: rotateY(180deg);}
.ind03 .ind03Vid .videoImg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 2;}


.ind04{margin-top: 20px;}
.ind04 .ind04L{width: 488px;float: left;}
.ind04 .ind04L .imgBk{width: 280px;margin: 0 auto;max-height:228px; padding: 12px;background: url(../images/index/ind25.png) center no-repeat;background-size: 100% 100%;}
.ind04 .ind04L .imgBk img{display: block;width: 100%;position:relative;z-index:-1;}
.ind04 .ind04L .i3 .swiper-button-next,.ind04 .ind04L .i3  .swiper-button-prev{width: 30px;height: 64px;background-color: #7f7f7f;}
.ind04 .ind04L .i3 .swiper-button-next{background-image: url(../images/index/ind27.png);background-size: 10px 18px;}
.ind04 .ind04L .i3 .swiper-button-prev{background-image: url(../images/index/ind26.png);background-size: 10px 18px;}
.ind04 .ind04L .i3 .swiper-button-next:hover,.ind04 .ind04L .i3  .swiper-button-prev:hover{background-color: #3db3b1;}
.ind04 .ind04L .tit{margin-bottom: 50px;position: relative;}
.ind04 .ind04L .tit span{width: 144px;line-height: 36px;border: 1px solid #999999;box-sizing: border-box;text-align: center; display: block;font-size: 14px;color: #555555;float: left;text-align: center;cursor: pointer;}
.ind04 .ind04L .gszz{width: 100%;}
.ind04 .ind04L .tit a{line-height: 36px; float: right;font-size: 12px;color: #4c4c4c;font-family: 'Arial';font-style: italic;display: block;display: none;}
.ind04 .ind04L .gsry{width: 333px;position: absolute;top: 0;left: 155px;}

.ind04 .ind04L p.on span{color: #fff;background-color: #005ca2;border-color: #005ca2;}
.ind04 .ind04L p.on a{display: block;}
.ind04 .ind04L .i4{display: none;}
.ind04 .ind04L .i4 .swiper-button-next,.ind04 .ind04L .i4  .swiper-button-prev{width: 30px;height: 64px;background-color: #7f7f7f;}
.ind04 .ind04L .i4 .swiper-button-next{background-image: url(../images/index/ind27.png);background-size: 10px 18px;}
.ind04 .ind04L .i4 .swiper-button-prev{background-image: url(../images/index/ind26.png);background-size: 10px 18px;}
.ind04 .ind04L .i4 .swiper-button-next:hover,.ind04 .ind04L .i4  .swiper-button-prev:hover{background-color: #3db3b1;}
.ind04 .ind04R{width: 100%;}
.ind04 .ind04R .tit h6{height: 38px; font-size: 18px;color: #000000;float: left;}
.ind04 .ind04R .tit a{margin-top: 6px; float: right;font-size: 12px;color: #4c4c4c;font-family: 'Arial';font-style: italic;display: block;}
.ind04 .ind04R .ind04RList{float: left;margin-right: 14px;transition-duration: .5s;width: 152px;overflow: hidden;}
.ind04 .ind04R .ind04RList:nth-last-child(1){margin-right: 0px;}
.ind04 .ind04R .ind04RList .lPrev{width: 152px;height: 410px;position: relative;transition-duration: .5s;}
.ind04 .ind04R .lPrev p{font-size: 16px;color: #fff;width: 20px;position: absolute;top: 50%;left: 50%;}
.ind04 .ind04R .lback{width: 536px;height: 410px;padding: 26px 15px;border: 1px solid #bfbfbf;display: none;transition-duration: .5s;}
.ind04 .ind04R .lback h6{font-size: 18px;color: #666666;position: relative;font-weight: 400;padding-bottom: 18px;}
.ind04 .ind04R .lback h6 em{position: absolute;left: 0;bottom: 0;width: 9px;height: 2px;background-color: #3db3b1;}
.ind04 .ind04R .lBackImg{width: 485px;height: 246px;margin: 20px auto 0; overflow: hidden;}
.ind04 .ind04R .lBackImg img{display: block;width: 100%;transition-duration: .5s;}
.ind04 .ind04R .lback em{display: block;font-size: 12px;color: #3db3b1;width: 98px;line-height: 32px;text-align: center;border: 1px solid #3db3b1;margin-top: 15px;transition-duration: .5s;}
.ind04 .ind04R .ind04RList.on{width: 536px;transition-duration: .5s;}
.ind04 .ind04R .ind04RList.on .lPrev{display: none;}
.ind04 .ind04R .ind04RList.on .lback{display: block;}
.ind04 .ind04R .lback:hover .lBackImg img{transform: scale(1.08);}
.ind04 .ind04R .lback:hover em{background-color: #3db3b1;color: #fff;}

.ind05{margin-top: 30px;margin-bottom:30px;}
.ind05 a{display: block;font-size: 16px;color: #666666;width: 189px;line-height: 66px;text-align: center;border: 1px solid #d5d5d5;float: left;box-sizing: border-box;margin-right: 13px;}
.ind05 a:nth-last-child(1){margin-right: 0;}
.ind05 a:hover{color: #3db3b1;}
.ind05,.ind04,.ind03,.ind02,.ind01,.sBanner .baImg,.footer{visibility: hidden;}
.ind05.active,.ind04.active,.ind03.active,.ind02.active,.ind01.active,.footer.active{
    visibility: visible;
    -webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
.sBanner .baImg.active{
    visibility: visible;
    -webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
    -webkit-animation-name: fadeInUp50;
    animation-name: fadeInUp50;
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0)
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0,100%,0);
    -ms-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0)
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
  }
}

.fadeInUp50 {
  -webkit-animation-name: fadeInUp50;
  animation-name: fadeInUp50
}
@-webkit-keyframes fadeInUp50 {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-50%,100%,0);
    transform: translate3d(-50%,100%,0)
  }

  100% {
    opacity: 1;
    -webkit-transform: translate3d(-50%,-50%);
    transform: translate3d(-50%,-50%)
  }
}

@keyframes fadeInUp50 {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-50%,100%,0);
    -ms-transform: translate3d(-50%,100%,0);
    transform: translate3d(-50%,100%,0)
  }

  100% {
    opacity: 1;
    -webkit-transform: translate3d(-50%,-50%);
    -ms-transform: translate3d(-50%,-50%);
    transform: translate3d(-50%,-50%)
  }
}

.ind01 .tit a:hover,.ind04 .tit a:hover{color:#3db3b1;}

.ind04 .ind04R .tit{padding-bottom: 10px;}
.ind04 .ind04L p{font-size: 16px;color: #333;line-height: 30px;text-align: center;}

body{
    background: #fff;
}












